<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>使用 MessageChannel 让2个工作者线程之间通信</title>
    <script src="./main.js"></script>
</head>

<body>
    <div class="main">
        <h3>解释</h3>
        <ol>
            <li>
                MessageChannel： 主线程创建一个 MessageChannel 实例，其中包含两个端口 port1 和 port2。
            </li>
            <li>
                传递端口：将 channel.port1 传递给 workerA，channel.port2 传递给 workerB。这样，workerA 和 workerB 之间可以通过 MessageChannel
                实现直接通信。
            </li>
            <li>
                监听和发送消息：每个 Worker 在接收到消息后，通过端口监听来自对方 Worker 的消息，并通过端口发送消息到对方 Worker。
            </li>
        </ol>
        <p>
            这使得 workerA 和 workerB 可以直接通信，而无需通过主线程中转。
        </p>
    </div>
</body>

</html>